/* $Id: jquery.ajp.wysiwyg.css 68 2012-02-09 07:09:50Z azbitnev@gmail.com $ */

/*
	ajp-wysiwyg: common style
*/

.ajp-wysiwyg-toolbar {
	background: #eee url() 0 0 repeat-x;
	border-style: solid;
	border-color: #ddd;
}

.ajp-wysiwyg-toolbar-air {
	box-shadow: 0 3px 16px rgba(0,0,0,.333);
}

.ajp-wysiwyg-toolbar .disabled {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.ajp-wysiwyg-toolbar .cmd-bold { font-weight: bold; }
.ajp-wysiwyg-toolbar .cmd-italic { font-style: italic; }
.ajp-wysiwyg-toolbar .cmd-underline { text-decoration: underline; }
.ajp-wysiwyg-toolbar .cmd-strikethrough { text-decoration: line-through; }

.ajp-wysiwyg-toolbar .separator {
	border-style: solid;
	border-color: #ddd;
}

.ajp-wysiwyg-toolbar .foreground-colorpicker, .ajp-wysiwyg-toolbar .background-colorpicker {
	text-align: center;
}

.ajp-wysiwyg-toolbar .foreground-colorpicker > .letter {
	font-weight: bold;
	color: red;
	text-shadow: none;
}

.ajp-wysiwyg-toolbar .background-colorpicker > .letter {
	background-color: red;
	color: white;
	font-weight: bold;
	text-shadow: none;
}

.ajp-wysiwyg-toolbar .select .popup {
	border-style: solid;
	border-color: #ddd;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,.1);
}

.ajp-wysiwyg-toolbar .select .popup > div {
	text-align: left;
}

.ajp-wysiwyg-toolbar .select .popup > div:hover {
	background: #eee;
}

.ajp-wysiwyg-toolbar .cmd-h1 { font-weight: bold; color: #000; }
.ajp-wysiwyg-toolbar .cmd-h2 { font-weight: bold; color: #333;  }
.ajp-wysiwyg-toolbar .cmd-h3 { font-weight: bold; color: #666; }
.ajp-wysiwyg-toolbar .cmd-h4 { font-weight: bold; text-shadow: none; color: #999; }
.ajp-wysiwyg-toolbar .cmd-h5 { text-shadow: none; color: #999; }
.ajp-wysiwyg-toolbar .cmd-h6 { text-shadow: none; color: #aaa; }
.ajp-wysiwyg-toolbar .cmd-blockquote { font-style: italic; }

.ajp-wysiwyg-toolbar .subtoolbar .popup {
	border-style: solid;
	border-color: #ddd;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,.1);
}

.ajp-wysiwyg-toolbar .subtoolbar .popup > div {
	text-align: center;
}

.ajp-wysiwyg-toolbar .disclosure-arrow {
	background: url(images/jquery.ajp.wysiwyg.toolbar.disclosure-arrow.png) 0 0 no-repeat;
}

.ajp-wysiwyg-toolbar .cmd-ul > .img { background-image: url(images/jquery.ajp.wysiwyg.toolbar.ul.png); }
.ajp-wysiwyg-toolbar .cmd-ol > .img { background-image: url(images/jquery.ajp.wysiwyg.toolbar.ol.png); }

.ajp-wysiwyg-toolbar .cmd-left > .img { background-image: url(images/jquery.ajp.wysiwyg.toolbar.left.png); }
.ajp-wysiwyg-toolbar .cmd-center > .img { background-image: url(images/jquery.ajp.wysiwyg.toolbar.center.png); }
.ajp-wysiwyg-toolbar .cmd-right > .img { background-image: url(images/jquery.ajp.wysiwyg.toolbar.right.png); }
.ajp-wysiwyg-toolbar .cmd-justify > .img { background-image: url(images/jquery.ajp.wysiwyg.toolbar.justify.png); }

.ajp-wysiwyg-toolbar .cmd-image > .img { background-image: url(images/jquery.ajp.wysiwyg.toolbar.picture.png); }
.ajp-wysiwyg-toolbar .cmd-anchor > .img { background-image: url(images/jquery.ajp.wysiwyg.toolbar.link.png); }
.ajp-wysiwyg-toolbar .cmd-text > .img { background-image: url(images/jquery.ajp.wysiwyg.toolbar.clear.png); }

.ajp-wysiwyg-toolbar .align .img { background-image: url(images/jquery.ajp.wysiwyg.toolbar.left.png); }

.ajp-wysiwyg-toolbar .button {
	border: 0px solid;
	border-color: #ccc;
	border-top-color: #eee;
	border-left-color: #eee;
	color: #666;
	text-shadow: #999 0 0 1px;
	background: #EBEBE4 url() 0 0 repeat-x;
}

.ajp-wysiwyg-toolbar .button:hover {
	border-color: #bbb;
	border-top-color: #ddd;
	border-left-color: #ddd;

}

/*
	ajp-wysiwyg: common sizes
*/

.ajp-wysiwyg-toolbar {
	border-width: 1px;
}

.ajp-wysiwyg-toolbar-air {
	width: 29.7em;
}

.ajp-wysiwyg-toolbar .button {
	min-width: 3em;
	border: 0;
	margin: 0;
	padding: 0;
}

.ajp-wysiwyg-toolbar > .cmd-bold > span,
.ajp-wysiwyg-toolbar > .cmd-italic > span,
.ajp-wysiwyg-toolbar > .cmd-underline > span,
.ajp-wysiwyg-toolbar > .cmd-strikethrough > span,
.ajp-wysiwyg-toolbar > .cmd-codemode > span {
	position: relative;
	top: 0.4em;
	margin: 0 0.4em;
}

.ajp-wysiwyg-toolbar .button {
	padding: 0.07em 0.6em;
	min-width: 0;
}

.ajp-wysiwyg-toolbar .separator {
	width: 1px;
	height: 1.8em;
	border-left-width: 1px;
	padding: 0;
	margin: 0;
	margin-top: 0.2em;
}

.ajp-wysiwyg-toolbar .foreground-colorpicker, .ajp-wysiwyg-toolbar .background-colorpicker {
	width: 2.2em;
	line-height: 2.2em;
}

.ajp-wysiwyg-toolbar .foreground-colorpicker > .letter {
	margin-right: 0.4em;
}

.ajp-wysiwyg-toolbar .background-colorpicker > .letter {
	padding: 4px;
	margin-left: -4px;
	margin-right: 0.4em;
	position: relative;
	top: 0.2em;
}

.ajp-wysiwyg-toolbar .foreground-colorpicker span, .ajp-wysiwyg-toolbar .background-colorpicker span {
	position: relative;
	top: 0.2em;
}

.ajp-wysiwyg-toolbar .select {
	width: 4em;
	line-height: 2.2em;
}

.ajp-wysiwyg-toolbar .select span {
	position: relative;
	top: 0.2em;
}

.ajp-wysiwyg-toolbar .select .label {
	margin-right: 0.4em;
}

.ajp-wysiwyg-toolbar .select .popup {
	width: 200px;
	border-width: 1px;
	margin-top: 0.4em;
	margin-left: -0.75em;
	border-top-width: 0;
}

.ajp-wysiwyg-toolbar .select .popup > div {
	padding-left: 0.75em;
	height: 2.4em;
	line-height: 2.4em;
}

.ajp-wysiwyg-toolbar .heading {
	width: 2em;
}

.ajp-wysiwyg-toolbar .styling-1 {
	width: 3.4em;
}

.ajp-wysiwyg-toolbar .styling-2 {
	width: 2em;
}

.ajp-wysiwyg-toolbar .button > img {
	margin-top: 0.75em;
}

.ajp-wysiwyg-toolbar .subtoolbar {
	width: 4em;
}

.ajp-wysiwyg-toolbar .subtoolbar .popup {
	width: 12.4em;
	height: 3em;
	border-width: 1px;
	margin-left: -0.75em;
	border-top-width: 0;
}

.ajp-wysiwyg-toolbar .subtoolbar .popup .separator {
	margin-top: 0.6em;
}

.ajp-wysiwyg-toolbar .subtoolbar {
	width: 2.2em;
}

.ajp-wysiwyg-toolbar .subtoolbar > .img {
	margin-right: 0.4em;
}

.ajp-wysiwyg-toolbar .subtoolbar .disclosure-arrow {
	margin: 0;
	position: relative;
	top: -0.6em;
}

.ajp-wysiwyg-toolbar .subtoolbar .popup > div > .img {
	margin: 0.8em;
}

.ajp-wysiwyg-toolbar .disclosure-arrow {
	width: 4px;
	height: 2px;
	
}

.ajp-wysiwyg-toolbar .img {
	width: 16px;
	height: 16px;
}

.ajp-wysiwyg-toolbar .button .img {
	margin-top: 0.75em;
}

.ajp-wysiwyg-toolbar .button {
	border-width: 1px;
	font-size: 0.85em;
	height: 2.6em;
	padding: 0.07em 0.75em;
}

.ajp-wysiwyg-toolbar .separator {
	margin: 0;
	padding: 0;
	border: 0;
}

.ajp-wysiwyg-toolbar .button span {
	line-height: 2.2em;
	position: relative;
	top: 0.2em;
}

.ajp-wysiwyg-toolbar .cmd-sub span {
	top: 0em;
}

.ajp-wysiwyg-toolbar .cmd-sup span {
	top: 0em;
}
